@theme-color: #00BEBA;
@success-color: #64C832;
@warning-color: #FFB400;
@error-color: #F03232;
@alter-box-background-color: #5e6d82;
@alter-box-title-color: #fff;
@modal-box-background-color: #5e6d82;
@modal-box-title-color: #fff;

.flexible(@flexDirection: row, @align: flex-start, @justify: flex-start) {
  display: flex;
  flex-direction: @flexDirection;
  align-items: @align;
  justify-content: @justify;
}

.single-line {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.font-semi(@fontSize, @color) {
  font-family: PingFangSC-Semibold;
  font-size: @fontSize;
  color: @color;
}

.font-medium(@fontSize, @color) {
  font-family: PingFangSC-Medium;
  font-size: @fontSize;
  color: @color;
}

.font-regular(@fontSize, @color) {
  font-family: PingFangSC-Regular;
  font-size: @fontSize;
  color: @color;
}

.clickable {
  cursor: pointer;
  &:active {
    opacity: 0.8;
  }
}
